Inputs 輸入方式

常見的輸入裝置包括 滑鼠、鍵盤、觸控板 等。

Mouse and cursor interactions 滑鼠與游標互動

Trackpad 觸控板

Physical keyboard 物理鍵盤

Mouse and cursor interactions 滑鼠與游標互動

1 Primary click(主點選)

滑鼠單擊或觸控筆點選應該與觸控輸入 產生相同的反饋,例如按鈕按下時的漣漪效果。

2 Secondary click(右鍵單擊)

上下文選單(Context menus)

右鍵點選(或長按)可喚出上下文選單,提供複製、刪除、分享等操作選項。避免選單選項過多或層級複雜。

3 Hover(懸停)

滑鼠懸停可用於提供即時反饋,如按鈕變色、顯示工具提示(tooltip) 等。

4 Cursors(游標)

Pointer(指標游標):預設滑鼠游標,用於可點選元素(如按鈕、連結)。

Hand(手型游標):適用於可拖動的物件,如 圖片、滑塊 等。

Resize arrows(調整大小箭頭)用於調整視窗、文字框等元素的大小。

I-beam(文字游標)當游標懸停在文字輸入框時,顯示 I 形游標,提示使用者可以輸入文字。

5 Text selection(文字選擇)

用滑鼠、觸控板或手寫筆選中文字時:選中的地方用一個顏色標出來。旁邊不要彈出觸控控制按鈕。

Text selection with touch control 觸控裝置的文字選擇

觸控互動時顯示觸控控制選項,即使有外接裝置。觸控屏操作顯示拖拽點和操作選單(複製、分享、搜尋)。

Stylus input 手寫筆輸入

用手寫筆時,一般不會顯示游標,除非它能顯示筆刷的大小或形狀。

Mouse wheel and trackpad gestures(滑鼠滾輪和觸控板手勢)

當外接滑鼠或觸控板時,使用者可以使用滾輪或手勢執行多種操作,如滾動頁面、選擇文字等。

a Vertical scroll(垂直滾動)

當游標位於列表上時,滑鼠滾輪和雙指觸控板手勢應允許列表垂直滾動。

b Touch scroll & mouse text selection(觸控滾動 & 滑鼠文字選擇)

觸控並拖動時,文字區域會滾動。而使用滑鼠拖動時,則會選中文字區域中的內容。

c Horizontal scroll(水平滾動)

用滑鼠滾輪可以左右滾動內容,觸控板使用者可以用雙指左右滑動來滾動。

Physical Keyboard 物理鍵盤

虛擬鍵盤應根據物理鍵盤的存在情況顯示或隱藏。

Show and hide virtual keyboard(顯示與隱藏虛擬鍵盤)

當物理鍵盤連線時,隱藏虛擬鍵盤。當物理鍵盤移除時,顯示虛擬鍵盤。

1 Enter key(回車鍵)

用於執行操作,在聊天或輸入框中,按 Enter 傳送訊息

2 Spacebar control(空格鍵控制)

人們通常希望能啟用空格鍵(或可用的媒體鍵)來播放和暫停音樂或影片。

3 Tab focus(Tab 焦點導航)

當透過鍵盤或其他輸入裝置獲得焦點時,焦點狀態會包含一個類似環形的鍵盤焦點指示器。

4 Escape key(Esc鍵)

a 按 Esc 鍵可關閉元素、移除焦點或清除選擇。它會關閉所有模態元素,包括選單、對話方塊和底部工作表。

b “Esc”鍵應移除任何可見的焦點指示符,並將焦點順序設定為 0。

c 在輸入文字時,按下 Esc 鍵應移除文字游標,但不應刪除已輸入的文字。